feat: Ingredients parser UX - Slightly improve controls #4961
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What this PR does / why we need it:
Rearranges the save/parse/etc controls on ingredient editing so that:
After:
![image](https://private-user-images.githubusercontent.com/365751/406802532-ee6a9c8c-8ac3-4eda-bc55-968ed7c3e24f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxNzUwOTgsIm5iZiI6MTczOTE3NDc5OCwicGF0aCI6Ii8zNjU3NTEvNDA2ODAyNTMyLWVlNmE5YzhjLThhYzMtNGVkYS1iYzU1LTk2OGVkN2MzZTI0Zi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMFQwODA2MzhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kYjJlMjEzOGM0NGEzZjVlYzBkZGNlZWNlM2I5ZDAwYmFmMDcwYmJlOTQ3ZGVkNmM5YzdlMzU0NTQ4YTRiYzI4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.Ja_q8kmdwHg4GDsm0fFrYAA9dASR2xT8wb_nm6YaC20)
Which issue(s) this PR fixes:
Part of #4954
Special notes for your reviewer:
If there's a preferred style or background for floating action buttons/navs; happy to implement. Current approach overlays content in a weird way.
Testing
Regression tested locally with chrome dev tools (desktop,, mobile).